<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			li {
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		<ul id="list">
			<li>a</li>
			<li>b</li>
			<li>c</li>
			<li>d</li>
		</ul>
	</body>
</html>

<script type="text/javascript">
	var list = document.getElementById('list');
	// 获取非空子节点(children) => 获取list的所有非空子节点
	var children = list.children;
	// 获取所有节点(childNodes)
	
	// 获取list的第一个节点(firstChild)
	
	// 获取list的第一个非空节点(firstElementChild)
	
	// 获取第一个元素的下一个元素(nextElementSibling)
	
	// 获取最后一个元素的前一个元素(previousElementSibling)
	
</script>
